<template>
  <div>
    <el-row>
      <el-col>
        <el-card>
          <h1 style=" color: #666; text-align: left">创作等级权益
            <el-icon><QuestionFilled /></el-icon></h1><hr>
          <h1 style="color: cornflowerblue;text-align: left;
          font-size: 60px ;margin: 0">0<el-button type="primary" plain>掘力值明细></el-button>
          </h1><br>
          <h1 style="color: #666;text-align: left;font-size: 15px;margin: 0">
            已解锁0项权益,还需1掘力值解锁一下等级</h1>

          <div class="slider-demo-block">
            <el-slider v-model="value" range :marks="marks" />
          </div>

          <div class="block text-center">
    <span class="demonstration"
    >LV.3尊享4项权益</span
    >
            <el-carousel height="150px">
              <el-carousel-item v-for="item in 4" :key="item">
                <h3 class="small justify-center" text="2xl">{{ item }}
                  文章添加投票
                  未解锁
                  什么是「文章添加投票」？
                  在进行文章创作时，可以在编辑器中使用添加投票功能，帮助你更好地与掘友互动。
                  如何解锁「文章添加投票」？
                  创作等级达成 LV1 ，即可解锁「文章添加投票」权益。
                  使用说明
                  功能快马加鞭建设中</h3>
              </el-carousel-item>
            </el-carousel>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
  <div>
    <el-row>
      <el-col>
        <el-card>
          <h1 style=" color: #666; text-align: left">如何提升等级
            <el-icon><QuestionFilled /></el-icon></h1><hr>
          <el-row>

          <el-col :sm="12" :lg="6">
          <el-result title="发布1篇文章"
                     sub-title="(每日上限2篇)掘力值+10"
          >
            <template #icon>
              <el-image
                  src=""
              />
              <el-icon size="50"><Tickets /></el-icon>
            </template>
            <template #extra>
              <el-button type="primary">去分享</el-button>
            </template>
          </el-result>
          </el-col>
          <el-col :sm="12" :lg="6">
          <el-result title="文章获得1人评论" sub-title="(次数不限)掘力值+10">
            <template #icon>
              <el-image
                  src=""
              />
              <el-icon size="50"><ChatDotRound /></el-icon>
            </template>
            <template #extra>
              <el-button type="primary">去分享</el-button>
            </template>
          </el-result>
          </el-col>

          <el-col :sm="12" :lg="6">
          <el-result title="文章获得1人赞" sub-title="(次数不限)掘力值+10">
            <template #icon>
              <el-image
                  src=""
              />
              <el-icon size="50"><GoldMedal /></el-icon>
            </template>
            <template #extra>
              <el-button type="primary">去分享</el-button>
            </template>
          </el-result>
          </el-col>

          <el-col :sm="12" :lg="6">
          <el-result title="文章获得1人收藏" sub-title="(次数不限)掘力值+10">
            <template #icon>
              <el-image
                  src=""
              />
              <el-icon size="50"><Star /></el-icon>
            </template>
            <template #extra>
              <el-button type="primary">去分享</el-button>
            </template>
          </el-result>
          </el-col>

          <el-col :sm="12" :lg="6">
          <el-result title="文章获得100个阅读" sub-title="(次数不限)掘力值+10">
            <template #icon>
              <el-image
                  src=""
              />
              <el-icon  size="50"><View /></el-icon>
            </template>
            <template #extra>
              <el-button type="primary">去分享</el-button>
            </template>
          </el-result>
          </el-col>

          </el-row>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>

</script>

<style scoped>

</style>